<style>
    .wrap{
        padding: 15px;
    }
    .labelWithComb:after{
        content:"：";
    }

</style>

<div ng-show="showPrompt" id="nest-countryFrom" class="prompt-modal middle-box">
    <div class="prompt-wrap ">
        <div class="bomb-box ">
            <div class="title " ng-if="!IsEdit"><%=customer_add_biz_contacter%></div>
            <div class="title " ng-if="IsEdit"><%=customer_biz_contacter_detail %></div>
            <div class="prompt-content ">
                <form name="BizContacterForm" novalidate="novalidate" style="min-height:435px">
                        <ul class="isContainer switch-list " style="min-height:435px;overflow-x:hidden">
                            <li >
                                <label class="labelWithComb"><b>*</b>职责</label>
                                    <input required ng-model="data.duty" name="duty" type="text" id="duty"  placeholder="请选择" class="input-text ng-pristine ng-invalid ng-invalid-required ng-touched" value="">
                                    <i class="select-icon icon-drop-down test_a9d6f78d" style="top:15px"></i>
                            </li>
                            <li >
                                <label class="labelWithComb"><b class="test_933e132d">*</b><%=customer_user%></label>

                                <div>
                                    <input  autocomplete="off"  id="customer_user" class="input-text test_c077f158" name="customer_user"
                                            ng-focus="checkValidate()" ng-model="data.memberName" type="text"  required>
                                    <div style="    position: absolute;margin-left: 133px;color: red;">
                                        <!--<span class="errors" id="name-msg" ng-show="showUserErrTips || showUserErrTips" >{{errorTips}}</span>-->
                                        <span class="errors" id="name-msg" ng-show="showUserErrTips" >请先输入职责!</span>
                                        <span class="errors" ng-show="showUserExistTips" >提示：该业务联系人已经存在!</span>
                                        <span class="errors" ng-show="canNotSaveNoExistPerson">提示：该业务联系人的职责已变更，请及时更新!</span>
                                    </div>
                                </div>

                            </li>
                            <li >
                                <label class="labelWithComb"><%=common_page_remarks%></label>
                                <div class="remark-info test_4defd165">
                                    <textarea style="height:92px;" ng-change="showTextNumber();" maxlength="140" ng-trim="false" rows="5" ng-model="data.description"
                                              class="form-control textarea-text test_e86bcdf9 ng-pristine ng-untouched ng-valid ng-valid-maxlength" ></textarea>
                                    <div class="show-remark test_f95c22dd"><span class="test_e1b32dcc ">{{textareaNumber}}</span><%=common_page_remark_number%></div>
                                </div>
                            </li>
                        </ul>
                </form>
            </div>
            <div class="operation test_a24469e3">
                <button ng-click="closePrompt();" name="prompt-close" class="btn btn-default " data-event="close"><%=common_page_cancel%></button>
                <button ng-click="savePrompt();"  name="prompt-save" class="btn btn-primary " data-event="close"><%=common_page_save%></button>
            </div>
        </div>
    </div>
</div>

<div class="wrap ">
    <div class="batch-operation ">
        <button ng-click="addContactPerson();" class="btn btn-primary"><%=common_page_add%></button>
        <button ng-click="deleteContactPerson();" class="btn btn-primary"><%=common_page_delete%></button>
    </div>
</div>


<div class="table-container " ng-controller="tableController">
    <table class="customer-table table-box" cellpadding="0" cellspacing="0">
        <thead>
        <tr>
            <th style="width:5%">
                <div class="checkbox checkbox-info">
                    <input type="checkbox" ng-model="tableModel.selectFlag" ng-click="table.selectAll(tableModel);">
                    <label></label>
                </div>
            </th>
            <th style="width:{{tableModel.tableHeaderSize[$index]}}" ng-repeat="item in tableModel.tableHeader">{{item}}</th>
        </tr>
        </thead>


        <tbody>
        <tr ng-repeat="value in tableModel.tableBody" ng-init="renderFinish($last)">
            <td>
                <div class="checkbox checkbox-info">
                    <input type="checkbox" ng-checked="value.checkbox" ng-click="table.selectOne(tableModel, value.checkboxId, $event);">
                    <label></label>
                    <span class="state-code" style="display: none;">{{value.status}}</span>
                </div>
            </td>
            <td>{{(tableModel.pagination.currentPage-1)*tableModel.pagination.pageSize+$index+1}}</td>
            <td title="{{value.groupName}}">{{value.groupName}}</td>
            <!--<td class="memberName " title="{{value.memberName}}">-->
                 <!--<a href="javascript:;" style="cursor:pointer;display:block" ng-click="editBizUser(value)" >-->
                        <!--{{value.userName}}-->
                 <!--</a>-->
            <!--</td>-->
            <td title="{{value.userName}}">{{value.userName}}</td>
            <td title="{{value.jobNumber}}">{{value.userCode}}</td>
            <td title="{{value.duty}}">{{value.cellPhoneNumber}}</td>
            <td title="{{value.description}}">{{value.phoneNumber}}</td>
            <td title="{{value.description}}">{{value.description}}</td>

        </tr>
        </tbody>
    </table>
    <hnapagination table-service="table" page-table-model="tableModel"></hnapagination>
</div>


